import React, { FC, ReactElemnt } from 'react'
import { ITodo } from '../typings';
import Item from "./item";

interface IProps {
  todoList: ITodo[],
  removeTodo: (id: number) => void,
  taggleTodo: (id: number) => void,
}
const TdList: FC<IProps> = ({todoList, removeTodo, toggleTodo}): ReactElemnt => {
  return(
    <div className="">
      {
        todoList && todoList.map((todo: ITodo) => {
          return <Item todo={ todo } key={todo.id} removeTodo={ removeTodo } toggleTodo={ toggleTodo } />
        })
      }
    </div>
  )
}

export default TdList;